<script setup>
import {useAttrs, useSlots,defineModel} from "vue";

const model = defineModel();
const attrs = useAttrs();
const slots = useSlots();
function testOutAttrs(){
  console.log(attrs);
  console.log(slots);
}
</script>

<template>
  <div>parent OuterComp bound v-model is: {{ model }}</div>
  <button @click="testOutAttrs">testOutAttrs</button>
  <slot :theOuterModel="model"></slot>
</template>

<style scoped>

</style>